<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/share/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <title>驾考训练</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<%@ include file="/WEB-INF/share/wechat.jsp"%>
	<style>
	.contentorder {
		width: 85%;
		display: inline-block;
		overflow: hidden;
	}
	.contentorder .marqueebox {
		width: 80%;
		list-style: none;
		overflow: hidden;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.marqueebox dd {
		padding: 5px 2px 5px 1px;
		margin-left: 0px;
	}
	.marqueebox dd a {
		width: 100%;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.marqueebox dd a, .marqueebox a:focus {
		color: red;
	}
	</style>
	<script>
		var contentPath = '${ctx}';
	</script>
</head>
<body>
	<%@ include file="/WEB-INF/share/wechattop.jsp"%>
		<div class="mui-content">
			<!--index页面-->
			<div id="index" class="mui-control-content mui-active" data-view="index">
				<div style="position:relative!important;" id="slider" class="mui-slider">
					<div class="mui-slider-group mui-slider-loop" id="bannerPic" >
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner4.png">
                            </a>
                        </div>
                        <!-- 第一张 -->
                        <div class="mui-slider-item mui-active">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner1.png">
                            </a>
                        </div>
                        <!-- 第二张 -->
                        <div class="mui-slider-item">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner2.png">
                            </a>
                        </div>
                        <!-- 第三张 -->
                        <div class="mui-slider-item">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner3.png">
                            </a>
                        </div>
                        <!-- 第四张 -->
                        <div class="mui-slider-item">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner4.png">
                            </a>
                        </div>
                        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                        <div class="mui-slider-item mui-slider-item-duplicate">
                            <a href="#">
                                <img src="${ctx}/wechat/img/banner1.png">
                            </a>
                        </div>
					</div>
					<div class="mui-slider-indicator" id="bannerPicPoint">
                        <div class="mui-indicator mui-active"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
                        <div class="mui-indicator"></div>
					</div>
				</div>
				<!--4大服务类型-->
				<ul style="margin-top: 0;" class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a id="goWx" href="${ctx}/wxsubject/free">
							<img style="width:60%" src="${ctx}/wechat/img/wx.png" />
							<div class="mui-media-body">免费试题</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a id="goBy" href="${ctx}/wx/xh">
							<img style="width:60%" src="${ctx}/wechat/img/by.png" />
							<div class="mui-media-body">开通系统</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-3">
						<a id="goYj" href="${ctx}/wxsubject/qianhua?drivertype=C1-C2&subtype=1">
							<img style="width:60%" src="${ctx}/wechat/img/yj.png" />
							<div class="mui-media-body">强化套题</div>
						</a>
					</li>
                    <li class="mui-table-view-cell mui-media mui-col-xs-3">
                        <a id="goAz" href="${ctx}/wxsubject/zhuangxiang?drivertype=C1-C2&subtype=1">
                            <img style="width:60%" src="${ctx}/wechat/img/az.png" />
                            <div class="mui-media-body">专项训练</div>
                        </a>
                    </li>
				</ul>
				<div class="content">
						<dd class="contentorder">
							<dl id="marqueebox0" class="marqueebox">
							<c:forEach items="${orderList}" var="entry">
								<dd>
				                    <a href="javascript:void(0);">${entry.nickname}&nbsp;成功支付&nbsp;${entry.money}元</a>
				                	</dd><dd>
				            </c:forEach>
				                </dl>
						</dd>
				</div>
				<div class="content mt">
					<img src="${ctx}/wechat/img/coming.png">
				</div>
				<!--首页快捷服务-->
				<div class="header">
					<h3>车型选择</h3></div>
					<div class="content">
						<div class="box">
								<div id="baoyang1"  class="item item-50 br1 box box-align-center box-justify-left">
									<a href="${ctx}/wxsubject/kemu?drivertype=C1-C2">
									<img style="width: 42px;" src="${ctx}/wechat/img/kemu1.png" />
									<div style="display: inline-block;" class="box box-columns box-justify-left">
										<h4>小车 C1/C2</h4>
										<h5>小车 C1/C2</h5>
									</div>
									</a>
								</div>
							<div  id="baoyang2" class="item item-50 box box-align-center box-justify-left">
								<a href="${ctx}/wxsubject/kemu?drivertype=A2-B2">
								<img style="width: 42px;" src="${ctx}/wechat/img/kemu2.png" />
								<div style="display: inline-block;" class="box box-columns box-justify-left">
									<h4>货车 A2/B2</h4>
									<h5>货车 A2/B2</h5>
								</div>
								</a>
							</div>
							<div id="baoyang3"  class="item item-50 br1 box box-align-center box-justify-left">
								<a href="${ctx}/wxsubject/kemu?drivertype=A1-A3-B1">
								<img style="width: 42px;" src="${ctx}/wechat/img/kemu3.png" />
								<div style="display: inline-block;" class="box box-columns box-justify-left">
									<h4>客车 A1/A3/B1</h4>
									<h5>客车 A1/A3/B1</h5>
								</div>
								</a>
							</div>
							<div  id="baoyang4" class="item item-50 box box-align-center box-justify-left">
								<a href="${ctx}/wxsubject/kemu?drivertype=D-E-F">
								<img style="width: 42px;" src="${ctx}/wechat/img/kemu4.png" />
								<div style="display: inline-block;" class="box box-columns box-justify-left">
									<h4>摩托车 D/E/F</h4>
									<h5>摩托车 D/E/F</h5>
								</div>
								</a>
							</div>
						</div>
					</div>
				<div style="width: 100%;height:50px"></div>
			</div>
		</div>
	<%@ include file="/WEB-INF/share/wechatscript.jsp"%>
		<script src="${ctx}/wechat/js/marquee.js"></script>
		<script>
		startmarquee(40, 50, 3000, 0);
		</script>
</body>
</html>
